<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>工资查询结果</title>
    <link rel="stylesheet" href="__CDN__/assets/salary/css/all.min.css">
    <style>
* {margin:0;padding:0;box-sizing:border-box;}
body {min-height:100vh;background:url('__CDN__/assets/salary/img/01.jpg') no-repeat center center;background-size:cover;background-attachment:fixed;font-family:"Microsoft YaHei",sans-serif;padding:40px 20px;}
.container {max-width:1000px;margin:0 auto;}
.welcome-section {background:linear-gradient(135deg,#39F 0%,#3451DB 100%);padding:25px;border-radius:15px;margin-bottom:30px;box-shadow:0 0 15px rgba(88,48,224,0.4);}
.welcome-text {color:white;font-size:20px;margin-bottom:10px;}
.welcome-text strong {font-weight:700;font-size:22px;}
.update-time {color:rgba(255,255,255,0.8);font-size:14px;}
.salary-section {background:rgba(255,255,255,0.6);border-radius:15px;margin-bottom:30px;backdrop-filter:blur(5px);box-shadow:0 0 15px rgba(88,48,224,0.4);overflow:hidden;}
.company-header {background:#2b61b7;color:white;padding:15px 25px;font-size:18px;font-weight:bold;}
.salary-table {width:100%;border-collapse:collapse;}
.salary-table tr:nth-child(odd) {background:rgba(255,255,255,0.3);}
.salary-table tr:nth-child(even) {background:rgba(255,255,255,0.1);}
.salary-table td {padding:12px 25px;border:1px solid rgba(74,105,255,0.2);}
.salary-table td:first-child {color:#333;font-weight:500;}
.salary-table td:last-child {color:#2b61b7;font-weight:bold;text-align:right;}
@media (max-width:768px) {body {padding:20px 10px;}
.welcome-text {font-size:18px;}
.welcome-text strong {font-size:20px;}
.company-header {font-size:16px;}
.salary-table td {padding:10px 15px;font-size:14px;}
}
    </style>
</head>
<body>
    <div class="container">
        <div class="welcome-section">
            <div class="welcome-text">尊敬的<strong>{$salaryList[0]['name']}</strong>，以下是最新的一期您的工资</div>
            {if $salaryList}<div class="update-time">更新时间：{:date('Y-m-d', $salaryList[0]['updatetime'])}</div>{/if}
        </div>

        {if $salaryList}
        {foreach $salaryList as $list}
        <div class="salary-section">
            <div class="company-header">{$list.company_name}</div>
            <table class="salary-table">
                {php}
                    $other_arr = [];
                    if ($list['other']) {
                        $other_arr = unserialize($list['other']);
                    }
                {/php}
                {if $other_arr}
                {foreach $other_arr as $item}
                <tr>
                    <td>{$item.name}</td>
                    <td>{$item.value}</td>
                </tr>
                {/foreach}
                {/if}
            </table>
        </div>
        {/foreach}
        {/if}

    </div>
</body>
</html>